.ad-bg {
    background: #ffc524; //#FFD85F;   //
    position: relative;

    @supports (top: env(safe-area-inset-top)) {
        min-height: calc(100vh - 2.75rem - env(safe-area-inset-top));
        padding-bottom: env(safe-area-inset-bottom);
    }
    @supports (top: constant(safe-area-inset-top)) {
        min-height: calc(100vh - 2.75rem - constant(safe-area-inset-top));
        padding-bottom: constant(safe-area-inset-bottom);
    }
}
.bg-img {
    width: 100%;
    // height: 35.45vw;
}

.ad-info-bg {
    position: relative;
    margin-top: -0.75rem;
    background: #ffffff;
    border-radius: 0.5rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    padding-bottom: 1.5rem;
    padding-top: 5.88rem;
    z-index: 2;
}
.ad-join-bg {
    margin-top: 0.75rem;
    background: #ffffff;
    border-radius: 0.5rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    padding: 0.75rem;
    padding-bottom: 0.001rem;
}
.join-bg {
    height: 2rem;
    margin-bottom: 1rem;
    background: rgb(255, 234, 180);
    border-radius: 1rem;
}
.join-label {
    height: 2rem;
    background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
    border-radius: 1rem;
    padding: 0 0.75rem;
    line-height: 2rem;
    margin-right: 0.75rem;
    display: inline-block;
}
.ad-info-bg.ad-info-bg-no-logo {
    padding-top: 1.13rem;
}
.logo {
    z-index: 3;
    position: absolute;
    width: 5.31rem;
    height: 7.06rem;
    top: -2.69rem;
    left: 1.19rem;
}
.info-bg {
    display: flex;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.info {
    flex-grow: 1;
    font-size: 1.13rem;
    font-weight: bold;
    color: #252629;
    line-height: 2rem;
}
.icon {
    width: 3rem;
    height: 3rem;
    margin-left: 2.19rem;
}
.questions-bg {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.q-a {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding-left: 1.25rem;
}
.q-a-p {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 1.25rem;
}
.q-a-p-44 {
    display: flex;
    flex-direction: column;

    padding-left: 1.25rem;
}
.q-a-p-36 {
    display: flex;
    flex-direction: column;

    padding-left: 1.25rem;
}
.q-bg {
    margin-bottom: 0.75rem;
    background: rgb(255, 231, 228);
    border-radius: 0.63rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    padding-right: 0.38rem;
    width: fit-content;
}
.q-t {
    text-align: center;
    width: 1.25rem;
    height: 1.25rem;
    background: #ff5b4d;
    border-radius: 0.63rem 0.63rem 0rem 0.63rem;
}
.q-i {
    text-align: center;
    width: 1.25rem;
    height: 1.25rem;
    background: #ff5b4d;
    color: white;
    margin-right: 0.5rem;
    border-radius: 0.63rem 0.63rem 0rem 0.63rem;
}
.a-bg {
    height: 1.25rem;
    display: flex;
    align-items: center;
    width: fit-content;
}
.a-t {
    text-align: center;
    width: 1.25rem;
    height: 1.25rem;
    background: #33cc80;
    border-radius: 0.63rem 0.63rem 0rem 0.63rem;
}
.a {
    display: inline-block;
    margin-left: 0.5rem;
    font-size: 0.88rem;
    font-weight: bold;
    color: #252629;
    line-height: 1.25rem;
}
.avatar {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.75rem;
}
.contact-bg {
    margin-top: 0.75rem;
    padding: 1.5rem;
    background: #ffffff;
    box-shadow: 0rem 0.19rem 1.25rem 0rem rgba(37, 38, 41, 0.08);
    border-radius: 0.5rem;
    display: flex;
    justify-content: space-between;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    position: relative;
}
.contact-info {
    flex-grow: 1;
}
.detail-info {
    font-size: 0.88rem;
    color: #252629;
    line-height: 1.25rem;
    margin-top: 1.5rem;
    padding: 0 1.5rem;
}
.name {
    font-size: 1rem;
    font-weight: bold;
    color: #252629;
    line-height: 1rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}
.tips,
.phone {
    margin-bottom: 0.81rem;
    font-size: 0.75rem;
    font-weight: 400;
    color: #7e838c;
}

.tips2 {
    font-size: 0.75rem;
    font-weight: 400;
    color: #724e1d;
}

.tag {
    background: rgb(237, 239, 243);
    border-radius: 0.19rem;
    font-size: 0.69rem;
    font-weight: 400;
    color: #7485a6;
    line-height: 1rem;
    padding-left: 0.13rem;
    padding-right: 0.13rem;
    margin-left: 0.13rem;
}
.foot-info {
    margin-top: 2.94rem;
    text-align: center;
    padding-bottom: 2rem;
    text-align: center;
    width: 100%;
    font-size: 0.75rem;
}
.qr-code {
    width: 4.69rem;
    height: 4.69rem;
}
.arrow {
    display: inline-block;
    width: 4.56rem;
    height: 0.44rem;
    background-image: url("../../../assets/fw/h5_icon_arrow@3x.png");
    background-size: 100%;

    margin-left: 0.75rem;
}
.arrow2 {
    display: inline-block;
    width: 2.26rem;
    height: 0.44rem;
    background-image: url("../../../assets/ad/h5_icon_arrow@3x.png");
    background-size: 100%;
    margin-left: 0.5rem;
}
.type-bg {
    padding: 0.5rem 0.75rem;
    padding-bottom: 1.75rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.type-item-bg {
    height: 1.75rem;
    display: flex;
    align-items: center;
    // margin-right: 0.3rem;
    width: 33.3%;
}

.type-icon {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.25rem;
    background-image: url(https://zeno-img.oss-cn-shenzhen.aliyuncs.com/h5_shd_icon_bullet1%403x.png);
    background-size: 100%;
}
.type {
    font-size: 0.94rem;
    font-weight: bold;
    color: #252629;
    line-height: 1rem;
}

.qrLogo {
    width: 1.06rem;
    height: 1.06rem;
    position: absolute;
    right: 3.405rem;
    top: 3.405rem;
}
